(function(){
    init()
    function init() {
        let href = location.href;
        function getUrldata(url){
            url = decodeURI(url)
            // console.log(queryString)
            let reg = /^[^\s]+\?([^&\s\d]+=[^\s]+)*/
            let match = reg.exec(url)[1];
            if (!match) {//表示没匹配到
                console.warn("没有匹配到相应的query参数")
                return null
            }
            var queryArr=match.split("&");
            // console.log(queryArr);
            var queryobj={};
            queryArr.forEach(item=>{
                var itemarr=item.split("=")
                queryobj[itemarr[0]]=itemarr[1];
            })
            return queryobj;
        }
        let qr=getUrldata(href);
        // console.log(qr);
        var couponid=qr.couponid;
        var title=qr.title+"优惠券"
        $.ajax({
            type: "Get",
            url: "http://chst.vip:1234/api/getcouponproduct",
            data:{
                couponid
            },
            success(res) {
                // console.log(res.result);
                $("#head>span").html(title)
                var html="",arrimg="",bool=true;
                res.result.forEach(item => {
                    html+=`
                    <div class="product">
                        <div class="left">${item.couponProductImg}</div>
                        <div class="right">
                            <p class="productTitle">${item.couponProductName}</p>
                            <p class="price">${item.couponProductPrice}</p>
                            <p class="toTime">${item.couponProductTime}</p>
                        </div>
                    </div>
                    `
                    arrimg+=`
                        ${item.couponProductImg}
                    `
                });
                $("main").html(html);
                $(".banner>.bncon>.con>.imgs").html(arrimg);
                var imgs=[...$(".banner>.bncon>.con>.imgs img")];
                
                
                $(".banner .leftbnt").click(function (e) {  
                    if(!bool){
                        return;
                    }
                    var distance=$(".banner>.bncon>.con").width();//当前显示图片的盒子的宽度
                    // console.log(distance);
                   
                    var nowtance=$(".banner>.bncon>.con>.imgs").position().left;//当前imgs的left值
                    var nowle=nowtance+distance;
                    // console.log(nowle);
                    if(nowle>=0){alert('已经是最后一页啦'); return;}
                    $(".banner>.bncon>.con>.imgs").animate({
                        left:nowle
                    })
                    bool=false;
                    var ids=setTimeout(() => {
                        bool=true;
                    }, 500);
                });
                $(".banner .rightbnt").click(function (e) { 
                    if(!bool){
                    return;
                }
                    var distance=$(".banner>.bncon>.con").width();//当前显示图片的盒子的宽度
                    // console.log(distance);//当前imgs的left值
                    var nowtance=$(".banner>.bncon>.con>.imgs").position().left;
                    // console.log(nowtance);
                    var nowle=nowtance-distance
                    if((-nowle)>=distance*[...$(".banner>.bncon>.con>.imgs>img")].length)return;
                   
                    $(".banner>.bncon>.con>.imgs").animate({
                        left:nowle
                    },500);
                    var ids=setTimeout(() => {
                        bool=true;
                    }, 500);
                    bool=false;
                });
                $(".exitban").click(function (){
                    $(".banner").animate({
                        top:"-25rem"
                    },1000)
                })
                $(".product").click(function (){
                    $(".banner").animate({
                        top:0
                    },1000)
                   var index=$(".product").index(this);
                   var distance=$(".banner>.bncon>.con").width();
                   var indexleft=-index*distance;
                   
                   $(".banner>.bncon>.con>.imgs").css({
                    left:indexleft
                    })
                })
            }
        });
      } 
    })()
    